<style>
	.piceBS:hover {
		border: 2px solid #ffaa45;
	}

	.f_bs a {
		color: #ffaa45;
		border: 1px solid #fffaa45f4f5a;
	}

	.f_bs a:hover {
		background: #ffaa45;
		background-color: #ffaa45;
	}

	.piceZY:hover {
		border: 2px solid #ff4f5a;
	}

	.f_zy a {
		color: #ff4f5a;
		border: 1px solid #ff4f5a;
	}

	.f_zy a:hover {
		background: #ff4f5a;
		background-color: #ff4f5a;
	}

	.piceQY:hover {
		border: 2px solid #7162fd;
	}

	.f_qy a {
		color: #7162fd;
		border: 1px solid #7162fd;
	}

	.f_qy a:hover {
		background: #7162fd;
		background-color: #7162fd;
	}
</style>

<section class="page__title  fix text-center" style="min-height: 100px;">
	<div class="slider__shape">
		<img class="shape triangle" src="static/picture/topelips.png" alt="topshape">
		<img class="shape dotted-square" src="static/picture/rightelips.png" alt="rightshape">
		<img class="shape solid-square" src="static/picture/circleelips.png" alt="solid-square">
	</div>
	<div class="container" style="display: none;">
		<div class="row">
			<div class="col-xl-12">
				<div class="page__title-content pt-235">
					<h2 class="page_title">Our Priceing . Plan </h2>
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item"><a href="index.html">Home - Pricing</a></li>
						</ol>
					</nav>
				</div>
			</div>
		</div>
	</div>
</section>

<div class="pricing-area pt-0 pb-110 position-relative">
	<div class="pricing_shapes">
		<img class="position-absolute price-1" src="static/picture/left.png" alt="pricing_shapes" />
		<img class="position-absolute price-2" src="static/picture/shape7.png" alt="pricing_shapes" />
		<img class="position-absolute price-3" src="static/picture/shape2.png" alt="pricing_shapes" />
	</div>
	<div class="text-center pt-100 pr-140 pl-140"
		style="height:400px;background-image: url(static/product/FddStor.jpg);background-repeat:no-repeat; background-size:100%;-moz-background-size:100%;">
		<h1 class="home2_title" style="color:#ffffff;">关于我们</h1>
		<p class="pt-30"
			style="padding: 30px 150px;font-size: 1em;;text-align: center;letter-spacing: 1px;color:#ffffff;line-height: 1.95em">
			蜀味正道，是一款为餐饮行业量身开发的实用性应用程序。
			在开发之前，我们对多家实体餐饮店进行了广泛的调研工作，以解决他们在实际业务生产中遇到的问题。
			我们从实际出发，致力于打造一款更实用的餐饮软件，覆盖前台、后厨和用户等多个维度，以提高您的生产效率和价值输出。
		</p>
	</div>
	<div class="container pt-100">
		<div class="section_title_wrapper text-center pb-50">
			<div style="float:left;width: 50%;box-shadow: 0px 30px 70px 0px rgba(3, 15, 44, 0.08);">
				<img src="static/product/main.png" />
			</div>
			<div style="float:right;width: 50%;">
				<h2 class="section-title" style="padding:30px 0 0;">我们的愿景</h2>
				<p
					style="text-align: left;letter-spacing: 1px;padding: 20px 30px 0;font-size: 1em;line-height: 1.95em;">
					用我们的专业技术，与实际更加的贴合，并解决您在餐饮经营中所面临的问题和困惑。
					无论是前台还是后厨，我们都将通过切实可行的解决方案来帮助您。
					我们希望提供一个能够满足您实实在在所需求的应用工具，从而来提升您的经营效率和客户满意度。
				</p>
			</div>
			<div style="clear: both;"></div>
		</div>

		<div class="section_title_wrapper pt-30 text-center pb-50">
			<div style="float:right;width: 50%;box-shadow: 0px 30px 70px 0px rgba(3, 15, 44, 0.08);">
				<img src="static/product/data.png" />
			</div>
			<div style="float:left;width: 50%;">
				<h2 class="section-title" style="padding:0 0 0;">产品特性</h2>
				<p
					style="text-align: left;letter-spacing: 1px;padding: 20px 30px 0 0;font-size: 1em;line-height: 1.95em;">
					蜀味正道将成为您餐饮业务的得力助手，帮助您提高效率、降低成本、优化管理。我们期待能够与您合作，共同推动餐饮行业的发展。
				</p>
				<div class="pricing__content" style="text-align: left;padding-top: 0;">
					<ul>
						<li style="letter-spacing: 0.5px;font-size: 16px;">
							<i class="far fa-check"></i>
							前台管理：简化点餐流程，提供快速结账功能，方便客人就餐。
						</li>
						<li style="letter-spacing: 0.5px;font-size: 16px;">
							<i class="far fa-check"></i>
							数据分析：实时统计销售数据和库存情况，辅助决策和运营管理。
						</li>
						<li style="letter-spacing: 0.5px;font-size: 16px;">
							<i class="far fa-check"></i>
							用户体验：提供便捷的预订和外卖服务，增强客户黏性和满意度。
						</li>
						<li style="letter-spacing: 0.5px;font-size: 16px;">
							<i class="far fa-check"></i>
							个性定制：根据您的需求量身定制特殊功能，满足个性化要求。
						</li>
					</ul>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>

		<div style="background-color: #ffe6e6; border-color: #c00; padding: 15px;border-radius: 10px;">
			<h5 style="font-size: 14px;color: #900;font-weight: 600;letter-spacing: 1px;margin: 10px 0;">说明</h5>
			<p style="font-size: 14px;color: #5e6d82;letter-spacing: 1px;margin-bottom: 5px;">
				根据实际的市场需求，产品会根据市场反馈进行迭代更新。因此，产品功能请以实际软件效果为准。
			</p>
		</div>
	</div>
</div>